<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <ui:composition template="/resources/template.xhtml">
            <ui:define name="subTitle"><div>Reserva de paquete turístico</div></ui:define>
            <ui:define name="content">
                <f:view locale="#{uruguayViajesBean.appLocale}">
                    <f:loadBundle var="etiquetas" basename="uy.edu.ort.uruguayviajes.bundle.Etiquetas"/>
                    <h:form id="reservasForm">
                        <table width="800">
                            <tr>
                                <td>
                                    <fieldset>
                                        <legend>Detalle del paquete a comprar</legend>

                                        <table width="400" border="0">
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_codigo}"/>
                                                <f:attribute name="#{reservasBean.paqueteReserva}" value="#{paquetesBean.paquete}"/></td>
                                                <td colspan="3"><h:outputText value="#{paquetesBean.paquete.codigo}"/></td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="#{etiquetas.lbl_descripcion}"/></td>
                                                <td colspan="3"><h:outputText value="#{paquetesBean.paquete.descripcion}"/></td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="#{etiquetas.lbl_origen}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.origen}"/></td>
                                                <td> <h:outputText value="#{etiquetas.lbl_destino}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.destino}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_desde}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.fechaSalida.day}/#{paquetesBean.paquete.fechaSalida.month}/#{paquetesBean.paquete.fechaSalida.year}"/></td>
                                                <td><h:outputText value="#{etiquetas.lbl_hasta}"/></td>
                                                <td><h:outputText value="#{paquetesBean.paquete.fechaLlegada.day}/#{paquetesBean.paquete.fechaLlegada.month}/#{paquetesBean.paquete.fechaLlegada.year}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="#{etiquetas.lbl_servicios}"/></td>
                                                <td colspan="3">
                                                    <rich:list value="#{paquetesBean.paquete.servicios}" var="serv"
                                                               iterationStatusVar="indiceServicio"
                                                               rows="10" rowClasses="odd-row, even-row">   
                                                    </rich:list>
                                                </td>
                                            </tr>

                                        </table>
                                    </fieldset> 
                                </td>
                                <td>
                                    <fieldset>
                                        <legend>Datos facturación</legend>
                                        <table width="400" border="0">
                                            <tr>
                                                <td><h:outputText value="Nombre"/></td>
                                                <td colspan="3"><h:outputText value="#{usuariosBean.currentUser.nombres} #{usuariosBean.currentUser.apellidos}"/>
                                                    <f:attribute name="#{reservasBean.usuario}" value="#{usuariosBean.currentUser}"/></td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="Tipo de tarjeta"/></td>
                                                <td colspan="3">
                                                    <h:selectOneMenu value="#{reservasBean.tipoTarjeta}">
                                                        <f:selectItem itemLabel="VISA" itemValue="visa"/>
                                                        <f:selectItem itemLabel="MASTER CARD" itemValue="master"/>
                                                        <f:selectItem itemLabel="OCA" itemValue="oca"/>
                                                    </h:selectOneMenu>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td> <h:outputText value="Número de tarjeta"/></td>
                                                <td><h:inputText value="#{reservasBean.numeroTarjeta}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="Vencimiento"/></td>
                                                <td>
                                                    <h:selectOneMenu value="#{reservasBean.mesVencimiento}">
                                                        <f:selectItem itemLabel="Enero" itemValue="1"/>
                                                        <f:selectItem itemLabel="Febrero" itemValue="2"/>
                                                        <f:selectItem itemLabel="Marzo" itemValue="3"/>
                                                        <f:selectItem itemLabel="Abril" itemValue="4"/>
                                                        <f:selectItem itemLabel="Mayo" itemValue="5"/>
                                                        <f:selectItem itemLabel="Junio" itemValue="6"/>
                                                        <f:selectItem itemLabel="Julio" itemValue="7"/>
                                                        <f:selectItem itemLabel="Agosto" itemValue="8"/>
                                                        <f:selectItem itemLabel="Septiembre" itemValue="9"/>
                                                        <f:selectItem itemLabel="Octubre" itemValue="10"/>
                                                        <f:selectItem itemLabel="Nomviembre" itemValue="11"/>
                                                        <f:selectItem itemLabel="Diciembre" itemValue="12"/>
                                                    </h:selectOneMenu></td>
                                                <td><h:inputText value="#{reservasBean.anoVencimiento}"/></td>
                                            </tr>
                                            <tr>
                                                <td><h:outputText value="Código de seguridad"/></td>
                                                <td colspan="3">
                                                    <h:inputSecret value="#{reservasBean.codigoSeguridad}"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="4" align="center"><h:outputText value="Precio: US$ #{paquetesBean.paquete.costo}"/>
                                                    <f:attribute name="#{reservasBean.costo}" value="#{paquetesBean.paquete.costo}"/></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h:commandButton action="#{reservasBean.confirmarReserva}" id="confirmarReserva" value="#{etiquetas.lbl_ConfReserva}"/>
                                                </td>
                                                <td>
                                                    <h:commandButton action="index" immediate="true" value="#{etiquetas.btn_cancelar}" />
                                                </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>

                        </table>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

